<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" href="{webroot:webapp/build/lib/framework7.min.css}"/>
    <!-- Custom STYLES -->
    <link rel="stylesheet" href="{webroot:webapp/build/css/app.css}?time=<?php echo time();?>">
    <link href="{theme:css/mobiscroll.frame.css}" rel="stylesheet" type="text/css" />
    <link href="{theme:css/mobiscroll.scroller.css}" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar-overlay"></div>
    <!-- Panels overlay-->
    <div class="panel-overlay"></div>
    <!-- Views-->
    <div class="views tabs toolbar-through">
        <!--商城-->
        <div id="mallView" class="view view-main tab active">
            <!--navbar-->
            <div class="navbar">
            </div>
            <div class="pages navbar-through">
                <div class="page" data-page="mallIndex">
                </div>
            </div>
        </div>
        <!--分类-->
        <div id="classifyView" class="view tab classify-view">
            <!--navbar-->
            <div class="navbar">
            </div>
            <div class="pages navbar-through">
                <div class="page" data-page="classifyIndex">
                </div>
            </div>
        </div>
        <!--限时-->
        <div id="starView" class="view tab star-view">
            <!--navbar-->
            <div class="navbar"></div>
            <div class="pages navbar-through">
                <div class="page" data-page="starIndex">
                </div>
            </div>
        </div>
        <!--我的-->
        <div id="mineView" class="view tab mine-view">
            <!--navbar-->
            <div class="navbar">
            </div>
            <div class="pages navbar-through">
                <div class="page" data-page="mineIndex">
                </div>
            </div>
        </div>
        <!--toolbar-->
        <div id="footerBar" class="toolbar tabbar tabbar-labels">
            <div class="toolbar-inner">
                <a href="#mallView" class="tab-link active"><i class="icon icon-mall"></i><span class="tabbar-label">首页</span></a>
                <a href="#classifyView" class="tab-link"><i class="icon icon-classify"></i><span class="tabbar-label">分类</span></a>
                <a href="#starView" class="tab-link" ><i class="icon icon-star"></i><span class="tabbar-label">精品</span></a>
                <a href="#mineView" class="tab-link"><i class="icon icon-mine"></i><span class="tabbar-label">我的</span></a>
            </div>
        </div>
    </div>

    <!-- SCRIPTS -->
    <script src="{webroot:webapp/build/lib/framework7.min.js}"></script>
    <script type="text/javascript" src="{theme:javascript/jquery.min.js}"></script>
    <script type="text/javascript" src="{theme:javascript/ajaxfileupload.js}"></script>
    <script type="text/javascript" src="{theme:javascript/mobiscroll.core.js}"></script>
    <script type="text/javascript" src="{theme:javascript/mobiscroll.frame.js}"></script>
    <script type="text/javascript" src="{theme:javascript/mobiscroll.scroller.js}"></script>
    <script type="text/javascript" src="{theme:javascript/mobiscroll.util.datetime.js}"></script>
    <script type="text/javascript" src="{theme:javascript/mobiscroll.datetimebase.js}"></script>
    <script type="text/javascript" src="{theme:javascript/mobiscroll.datetime.js}"></script>
    <script type="text/javascript" src="{theme:javascript/mobiscroll.i18n.zh.js}"></script>
    <!-- Path to your app js-->
    <script type="text/javascript" src="{webroot:webapp/build/js/app.js}?time=<?php echo time();?>"></script>
    <script>
	$(function(){
		{$this->init_page};
	});
	</script>
</body>
</html>